//动态数字
var options = {
	useEasing: true,
	useGrouping: true,
	separator: '',
	decimal: '.',
	prefix: '',
	suffix: ''
};
var homeNo1 = new CountUp("homeIco-1", 0, 2597, 0, 1, options);
var homeNo2 = new CountUp("homeIco-2", 0, 214, 0, 1, options);
var homeNo3 = new CountUp("homeIco-3", 0, 115, 0, 1, options);
//var homeNo4 = new CountUp("homeIco-4", 0, 1767, 0, 1, options);
//var homeNo5 = new CountUp("homeIco-5", 0, 1548, 0, 1, options);
$(function() {
	setTimeout(function() {
		homeNo1.start();
		homeNo2.start();
		homeNo3.start();
//		homeNo4.start();
//		homeNo5.start();
	}, 100);
});
// 表1
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('bigD-echart1'));

option = {
	color: ['#0dbc5f'],
    tooltip : {
        trigger: 'axis',
        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
        }
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        top: '10%',
        containLabel: true
    },
    xAxis: {
        data : ['2007', '2008', '2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016'],
        axisLabel: {
            textStyle: {
                color: '#fefeff'
            }
        },
        axisTick: {
            show: false
        },
        axisLine: {
            show: false
        },
    },
    yAxis: {
        axisLine: {
            show: false
        },
        axisTick: {
            show: false
        },
        axisLabel: {
            textStyle: {
                color: '#fefeff'
            }
        },
        splitLine: {
        	show: true,
        	lineStyle: {
				color: ['#1c273e'],
				width: 1,
				type: 'solid',
			}
        },
    },
    series: [
        {
            name:'营运里程',
            type:'bar',
            barWidth: '30%',
            data : ['220', '182', '500', '580', '2800', '4750', '7000', '5980', '3486', '3247'],
        }
    ]
};

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);


// 表1_b
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('bigD-echart1_b'));

option = {
	title: {
        text: '营运里程',
        textStyle: {
		color: '#fff',
		fontStyle: 'normal',
		fontWeight: 'bolder',
		fontFamily: 'sans-serif',
		fontSize: 18,
		},
    },
	color: ['#0dbc5f'],
    tooltip : {
        trigger: 'axis',
        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
        }
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        top: '10%',
        containLabel: true
    },
    xAxis: {
        data : ['2007', '2008', '2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016'],
        axisLabel: {
            textStyle: {
                color: '#fefeff'
            }
        },
        axisTick: {
            show: false
        },
        axisLine: {
            show: false
        },
    },
    yAxis: {
        axisLine: {
            show: false
        },
        axisTick: {
            show: false
        },
        axisLabel: {
            textStyle: {
                color: '#fefeff'
            }
        },
        splitLine: {
        	show: true,
        	lineStyle: {
				color: ['#1c273e'],
				width: 1,
				type: 'solid',
			}
        },
    },
    series: [
        {
            name:'营运里程',
            type:'bar',
            barWidth: '30%',
            data : ['220', '182', '500', '580', '2800', '4750', '7000', '5980', '3486', '3247'],
        }
    ]
};

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);

// 表2
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('bigD-echart2'));

option = {
	color: ['#3ab6ec'],
    tooltip : {
        trigger: 'axis',
        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
        }
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        top: '10%',
        containLabel: true
    },
    xAxis: {
        data : ['2007', '2008', '2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016'],
        axisLabel: {
            textStyle: {
                color: '#fefeff'
            }
        },
        axisTick: {
            show: false
        },
        axisLine: {
            show: false
        },
    },
    yAxis: {
        axisLine: {
            show: false
        },
        axisTick: {
            show: false
        },
        axisLabel: {
            textStyle: {
                color: '#fefeff'
            }
        },
        splitLine: {
        	show: true,
        	lineStyle: {
				color: ['#1c273e'],
				width: 1,
				type: 'solid',
			}
        },
    },
    series: [
        {
            name:'营运收入',
            type:'bar',
            barWidth: '30%',
            data : ['220', '182', '500', '580', '2800', '4750', '7000', '5980', '3486', '3247'],
        }
    ]
};

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);


// 表3
// 基于准备好的dom，初始化echarts实例
//var myChart = echarts.init(document.getElementById('bigD-echart3'));
//
//option = {
//  tooltip: {
//      trigger: 'axis'
//  },
//  radar: [
//      {
//          indicator: [
//              {text: '海勃湾区', max: 100},
//              {text: '乌达区', max: 100},
//              {text: '海南区', max: 100},
//          ],
//          center: ['50%','70%'],
//      },
//  ],
//  series: [
//      {
//          type: 'radar',
//           tooltip: {
//              trigger: 'item'
//          },
//          itemStyle: {normal: {areaStyle: {type: 'default'}}},
//          data: [
//              {
//                  value: [60,73,85],
//                  name: '2017年载客次数占比/单位%',
//                  lineStyle: {
//                      normal: {
//                          color: '#4ea1c4',
//                      }
//                  },
//                  areaStyle: {
//                      normal: {
//                          color: '#4ea1c4'
//                      }
//                  }
//              }
//          ]
//      },
//  ]
//};

// 使用刚指定的配置项和数据显示图表。
//myChart.setOption(option);


// 表4
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('bigD-echart4'));

option = {
    tooltip: {
    	trigger: 'item',
        formatter: "{a} <br/>{b}: {c} ({d}%)",
    },
    series: [
        {
            name:'年审统计',
            type:'pie',
            clockwise: false,
            center: ['50%', '55%'],
            radius: ['50%', '70%'],
            label: {
                normal: {
                    show: false
                }
            },
            labelLine: {
                normal: {
                    show: false
                }
            },
            color: ['#0abfbc', '#16b957', '#fff'],
            data:[
                {value:2234, name:'已审'},
                {value:560, name:'待审'},
                {value:890, name:'未审'},
         
            ]
        }
    ]
};

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);


// 表5
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('bigD-echart5'));

option = {
	color : ['#2196f3'],
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br> {b}： {c}%",
        confine: true,
        position: 'top',
    },
    grid: {
        left: '4%',
        right: '4%',
        bottom: '3%',
        top: '26px',
        containLabel: true
    },
    calculable : true,
    xAxis: {
    	gridIndex: 0,
        type: 'category',
        data: ['00','02','04','06','08','10','12','14','16','18','20','22'],
        axisLabel: {
            textStyle: {
                color: '#fff'
            }
        },
        axisTick: {
            show: false
        },
        axisLine: {
            show: false
        },
    },
    yAxis: {
    	interval: 25,
    	max: 100,
    	min: 0,
    	nameGap: 30,
        type: 'value',
        axisLine: {
            show: false
        },
        axisTick: {
            show: false
        },
        axisLabel: {
        	formatter: '{value} %',
            textStyle: {
                color: '#fefeff'
            }
        },
        splitLine: {
        	show: true,
        	lineStyle: {
				color: ['#1c273e'],
				width: 1,
				type: 'solid',
			}
        },
    },
    series: [
        {
            name:'出车率',
            type:'line',
            symbolSize: 5,
            smooth: true,
            showAllSymbol: true,
            data:[20, 25,30, 50,33,27,38,67,95,75,42,46],
            markPoint: {
            	symbol: 'image://images/shuju-xz.png',
            	symbolSize: 26,
            	symbolOffset: [0, -15],
                data: [
                    {type: 'max', name: '最大值'},
                ],
                label: {
					normal: {
						show: false,
					}
				},
                itemStyle: {
                	normal: {
                		color: '#2d7f3d',
                	}
                },
            },
        }
    ]
};

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);



$(function(){
	//车辆活动强度
	$(".bigD-cont-clhdqd-h").addClass("on");
	$(".bigD-cont-clhdqd-m").addClass("on");
	$(".bigD-cont-clhdqd-l").addClass("on");
	
	$(".bigD-center-yuan").hover(function(){
		$(".bigD-center-tips").show();
	},function(){
		$(".bigD-center-tips").hide();
	});
})



